import React from "react";
import styles from '../wsy/styles/time.module.css'
import { LeftOutline, RightOutline, CheckOutline } from 'antd-mobile-icons'
import { Calendar } from 'antd-mobile'
import {useNavigate} from "react-router-dom";

const Time: React.FC = () => {
    const navigate = useNavigate()
    const go=()=>{
        navigate(-1)
    }
    return (
        <div>
            {/* 头部 */}
            <div className={styles.hea}>
                <div className={styles.he}>
            <LeftOutline style={{marginLeft:'2rem'}} onClick={go}/>
            <span style={{marginLeft:'16rem'}}>选择日期</span>
            </div>
            {/* 时间 */}
            <div className={styles.ha}>
                <span>入住日期</span>
                <span></span>
                <span>离店日期</span>
            </div>
            </div>
        <div className={styles.qi}>
        <Calendar
          prevMonthButton={<span><LeftOutline /></span>}
          nextMonthButton={<span><LeftOutline /></span>}
          prevYearButton={<span>《</span>}
          nextYearButton={<span>》</span>}
        />
        </div>

    <div className={styles.bu}>选择时间</div>

        </div>
    )
}

export default Time